<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>침대리스트 - Dormitory</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.3.min.css">
	<link rel="stylesheet" href="_assets/css/jqm-demos.css">
    <link rel="stylesheet" href="css/family.css">
	<script src="js/jquery.js"></script>
	<script src="_assets/js/index.js"></script>
	<script src="js/jquery.mobile-1.4.3.min.js"></script>
	<script src="js/dormitory.js"></script>
</head>
<body>
<div data-role="page" class="jqm-demos">

	<div data-role="header" class="jqm-header">
		<h1>침대리스트</h1>
		<a href="#" class="jqm-navmenu-link ui-btn ui-btn-icon-notext ui-corner-all ui-icon-bars ui-nodisc-icon ui-alt-icon ui-btn-left">Menu</a>
	</div><!-- /header -->
	
	<div role="main" class="ui-content jqm-content">
	
		<div class="ui-grid-a ui-responsive">
			<ul data-role="listview" data-inset="true">
			    <li data-role="list-divider">남자 도미토리<span class="ui-li-count">1/4</span></li>
			    <li>
			    	<a href="bed_detail.html">
				    	<h2>1번 침대</h2>
				    	<p><strong>고길동</strong></p>
				    	<p>Check-in 2014-09-06</p>
				        <p class="ui-li-aside">Check-out <strong>2014-09-08</strong></p>
			    	</a>
			    </li>
			    <li>
			    	<a href="bed_detail.html">
				    <h2>2번 침대</h2>
				    <p><strong>(비었음)</strong></p>
				    </a>
				</li>
				<li>
			    	<a href="bed_detail.html">
				    <h2>2번 침대</h2>
				    <p><strong>(비었음)</strong></p>
				    </a>
				</li>
				<li>
			    	<a href="bed_detail.html">
				    <h2>3번 침대</h2>
				    <p><strong>(비었음)</strong></p>
				    </a>
				</li>
				<li>
			    	<a href="bed_detail.html">
				    <h2>4번 침대</h2>
				    <p><strong>(비었음)</strong></p>
				    </a>
				</li>
		    	<li data-role="list-divider">여자 도미토리<span class="ui-li-count">1/4</span></li>
			    <li>
			    	<a href="bed_detail.html">
				    	<h2>1번 침대</h2>
				    	<p><strong>김미나</strong></p>
				    	<p>Check-in 2014-09-06</p>
				        <p class="ui-li-aside">Check-out <strong>2014-09-08</strong></p>
			    	</a>
			    </li>
			    <li>
			    	<a href="bed_detail.html">
				    <h2>2번 침대</h2>
				    <p><strong>(비었음)</strong></p>
				    </a>
				</li>
				<li>
			    	<a href="bed_detail.html">
				    <h2>2번 침대</h2>
				    <p><strong>(비었음)</strong></p>
				    </a>
				</li>
				<li>
			    	<a href="bed_detail.html">
				    <h2>3번 침대</h2>
				    <p><strong>(비었음)</strong></p>
				    </a>
				</li>
				<li>
			    	<a href="bed_detail.html">
				    <h2>4번 침대</h2>
				    <p><strong>(비었음)</strong></p>
				    </a>
				</li>
				<li data-role="list-divider">2인실<span class="ui-li-count">0/1</span></li>
				<li data-role="list-divider">가족룸<span class="ui-li-count">0/1</span></li>
			</ul>
        </div>

		<input type="button" value="추가" id="bed-list-add">
	</div><!-- /content -->
	
	<div data-role="panel" class="jqm-navmenu-panel" data-position="left" data-display="overlay" data-theme="a">
	  	<ul class="jqm-list ui-alt-icon ui-nodisc-icon">
			<li data-filtertext="demos homepage" data-icon="home"><a href="dashboard.html">Dashboard</a></li>
			<li data-filtertext="buttons button markup buttonmarkup method anchor link button element"><a href="room_list.html" data-ajax="false">방관리</a></li>
			<li data-filtertext="introduction overview getting started"><a href="bed_list.html" data-ajax="false">침대관리</a></li>
			<li data-filtertext="form button widget input button submit reset"><a href="customer_list.html" data-ajax="false">고객관리</a></li>
			<li data-filtertext="form button widget input button submit reset"><a href="book_list.html" data-ajax="false">예약관리</a></li>
			<li data-filtertext="form button widget input button submit reset"><a href="tour_list.html" data-ajax="false">투어관리</a></li>
		</ul>
	</div><!-- /panel -->


	<div data-role="footer" data-position="fixed" data-tap-toggle="false" class="jqm-footer">
		<p>도미토리 version <span class="jqm-version"></span></p>
		<p>Copyright 2014 Riuzzang</p>
	</div><!-- /footer -->
	

</div><!-- /page -->

</body>
</html>
